<template>
  <view style="position: fixed;top: 0;left: 50%;transform: translateX(-50%);">
    <day-birthday-memorial-day ref="dayBirthdayMemorialDay"
                               :options="page.options"
                               v-if="page.options != {} && !!page.options"
    ></day-birthday-memorial-day>
  </view>
</template>

<script setup>
  import { onLoad, onShow } from '@dcloudio/uni-app';
  import DayBirthdayMemorialDay from '@/pages/family/components/dayBirthdayMemorialDay.vue';
  import { nextTick, onMounted, reactive, ref } from 'vue';

  const page = reactive({
    options: {},
  });

  const dayBirthdayMemorialDay = ref();

  onLoad((options) => {
    page.options = options;
  });

  // onMounted(()=>{
  //   dayBirthdayMemorialDay._value.setOption()
  // })

  onShow(() => {
    nextTick(() => {
      dayBirthdayMemorialDay._value.setOption();
    });
  });
</script>


<style scoped lang="scss">

</style>
